<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
        <link rel="stylesheet" href="css/department_list.css" />
        
        <link rel="stylesheet" href="css/hospital_list.css" />
        <link rel="stylesheet" href="css/nav.css" />
	    <script src="js/vue.min.js"></script>
	    <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
        <script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.min.js"></script>
	    
	</head>

	<body>
	
		<div class="col-xs-12 col-sm-12 row hospital-list-title">
			<img class="col-xs-2 col-sm-2" src="img/ui/back.png" />
			<header class="nav col-xs-10 col-sm-10 row col-md-offset-1 " id="Topnav">
				<div id="searchBox" class="col-xs-11 col-sm-11 row">
					<form class="searchBox_Form">
						<input type="hidden" v-model:value="type" />
						<select class="searchBox_Form_typeSelector col-xs-3 col-sm-3" >
							<option value="0">
								<p>科室</p>
							</option>
							<option value="1">
								<p>医生</p>
							</option>
						</select>
						<input class="searchBox_Form_mess" type="text" placeholder="请输入内容" name="mess" />
						<input style="width: 0;display: none;" type="submit" id="nav_search" />
					     <section class="clear"></section>
					</form>
				</div>
				<div class="clear"></div>
			</header>
			<section class="clear"></section>
		</div>
		<div id="app">
		    <p @click="initDc" class="initDc" style="display: none">初始化</p>
		    <input type="hidden" class="hospitalId"  name="hid" value="${param.hid}">
		    <input type="hidden" value="${hid}"  v-model="hid">
		    
			<div class="col-xs-12 col-sm-12 row" >
			
				<div  class="col-xs-5 col-sm-5 row department1-container" id="department1-container">
					<ul class="col-xs-12 col-sm-12 department1-container-ul ">
						<li v-for="(item,k) in depart1" @click="dcSelect(k)" class="department1-container-ul-li" v-bind:class="{'department1-container-ul-li-active':item.active}">{{item.name}}</li>

					</ul>
				</div>
				<!-- 小科室 -->
				<div class="col-xs-7 col-sm-7 row department2-container">
					<ul class="col-xs-12 col-sm-12 department2-container-ul">
						<li v-for="item in depart2" class="department2-container-ul-li">{{item.name}}</li>
					</ul>
				</div>

			</div>

		</div>

	</body>
	
	<script src="js/department_list.js">
	</script>

</html>